<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>

    <!-- 引入基础的css和js -->
    <link rel="import" href="../public/import.html" id="import"/>

    <style>
        .mar-l200 {margin-left: 200px;}
    </style>
</head>
<body>
<div id="app" class="content-div">
    <!-- 编辑内容显示区间 start -->
    <div  class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form id="defaultForm" class="form-horizontal" enctype="multipart/form-data">
            <div class="form-box">
                <input type="hidden" name="id" v-model="sysUserInfo.id">
                <input type="hidden" name="userId" v-model="sysUserInfo.userId">
                <div class="form-group">
                    <div class="col-sm-2 control-label mar-l200">公众号appID</div>
                    <div class="col-sm-5">
                        <input type="text" class="input-small form-control" name="appid" readonly v-model="sysUserInfo.appid" placeholder="公众号appID"/>
                    </div>
                    <!-- <input id="validateBtn" type="button" class="btn btn-primary" @click="checkAppid"  value="校验"/> -->
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label mar-l200">公众号APPSECRET</div>
                    <div class="col-sm-5">
                        <input type="text" class="input-small form-control" name="appsecret" readonly v-model="sysUserInfo.appsecret" placeholder="公众号APPSECRET"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label mar-l200">公众号TOKEN</div>
                    <div class="col-sm-5">
                        <input type="text" class="input-small form-control" name="token" readonly v-model="sysUserInfo.token" placeholder="公众号TOKEN"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label mar-l200">商户号mchid</div>
                    <div class="col-sm-5">
                        <input type="text" class="input-small form-control" name="mchid" readonly v-model="sysUserInfo.mchid" placeholder="商户号mchid"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label mar-l200">支付密钥apikey</div>
                    <div class="col-sm-5">
                        <input type="text" class="input-small form-control" name="apikey" readonly v-model="sysUserInfo.apikey" placeholder="支付密钥apikey"/>
                    </div>
                </div>

                <div class="form-group" id="urlDiv">
                    <div class="col-sm-2 control-label	mar-l200">支付证书地址</div>
                    <div class="col-sm-5">
                        <input type="text" class="input-small form-control" name="url" readonly v-model="sysUserInfo.url" placeholder="支付证书地址"/>
                    </div>
                </div>

                <div class="form-group" style="margin-top: 10px;">
                    <div class="col-sm-4 control-label"></div>
                    <input type="button" class="btn btn-warning" onclick="window.parent.Tab.closeTab(window.parent.$('#tabs > li.cur'));" :value="pageData.return"/>
                </div>
            </div>
        </form>
    </div>
    <!-- 编辑内容显示区间 end -->

</div>

<script type="text/javascript">
    var vm = new Vue({
        el:'#app',
        data:{
            title: '详情',
            sysUserInfo: {
            }
        },
        created: function () {
            $.get($path+"/sys/syslog/info"+location.search, function (r) {
                if(r.code == 0){
                    vm.sysUserInfo = r.sysUserInfo;
                }else{
                    vm.sysUserInfo = {};
                }
            });
        }
    });
</script>
</body>
</html>